Adding Files to KommerceServer CMS

You can add images to your KommerceServer website using the built in CMS tools. Perform the following steps to add an image to your KommerceServer site using the CMS tool.

1. Navigate to the page that you want to add an image to.

2. Click the arrow in the upper right hand corner of a KommerceServer page to view the CMS options for that page. Once you have clicked the CMS arrow, the CMS options for that page appear at the top of the page as shown below.

3. Click the Show Modules button to view the CMS modules on the page.

4. Click the Edit Content button that appears next to the module that you want to add an image to. A formatting/image tool appears.

5. Click the image icon on the toolbar. The Image Properties window appears.

6. Use one of the following options to add an image to the page (the Upload tab only allows you to upload an image from your hard drive to the web server).

• On the Image Info tab:

1. Click the Browse Server button and navigate to the folder that the image resides in.
2. Enter any alternative text for the image in the Alternative Text field.
3. If desired, you can adjust the width and height of the image in the Width and Height fields, respectively.
4. To add a border, enter a number (in pixels), in the Border field.
5. To enter a horizontal and vertical space for the image (in pixels), enter it in the HSpace and VSpace fields, respectively.
6. Select a left or right alignment for the image in the Alignment drop-down menu.

• On the Link tab:

1. Click the Browse Server button and navigate to the folder that the image resides in.
2. Select a target window in the Target drop-down menu.

• On the Upload tab (this tab is used for uploading images from your hard drive to the web server):

1. Click the Browse button and navigate to the folder that the image resides in.
2. Select an image from your local drive and click the Open button.
3. Click the Send it to the Server button to upload the image to the web server. From there you can add the image to the web page using one of the options described in this section.

• On the Advanced tab:

1. Enter a custom image id for the image in the Id field.
2. Select a language direction in the Language Direction field.
3. For a language other than English, enter the language code in the Language Code field.
4. Enter a long description URL for the image in the Long Description URL field.
5. Enter any stylesheet classes you want to use for the image in the stylesheet classes field.
6. Enter an advisory title for SEO purposes in the Advisory Title field.
7. Click OK to add the image to the web page. The image appears on the page.

Once you have added the image to the page, you can re-size the image by clicking on it and dragging the anchor points to where you want them. You can also click on the image and use the drag-and-drop method to move it to a different area of the page. To delete an image that you have added, simply click on it and press the Delete button on your keyboard.

8. Click the Save button to save your changes.

Related Topics

• Image Management in KommerceServer
• Uploading Files Using the CK Finder Tool